<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 
<meta name="keywords" content="carousel, jquery, responsive, fluid, elastic, resize, thumbnail, slider" />
<meta name="author" content="Codrops" />
<title>微评说客</title>
<link rel="stylesheet" type="text/css" href="style/public.css">
<link rel="stylesheet" type="text/css" href="style/style.css">
<link rel="stylesheet" type="text/css" href="style/font-awesome.css">
<link rel="stylesheet" type="text/css" href="style/elastislide.css">
<script type="text/javascript" src="jquery/modernizr.custom.17475.js"></script>
<style>
	html,body{ background:#f2f2f2;}
</style>
</head>

<body>
<header class="index-header">
	<h1>校园/就业</h1>
    <a href="#" class="icon-search"></a>
</header>
<div class="nav">
    <ul id="carousel" class="elastislide-list">
        <li><a href="index.html"><img src="images/000.gif"><span>热门推荐</span></a></li>
        <li><a href="list.html"><img src="images/000.gif"><span class="current">校园/就业</span></a></li>
        <li><a href="http://www.baidu.com"><img src="images/000.gif"><span>科技/IT</span></a></li>
        <li><a href="http://www.baidu.com"><img src="images/000.gif"><span>社会/热点</span></a></li>
        <li><a href="http://www.baidu.com"><img src="images/000.gif"><span>日常消费</span></a></li>
        <li><a href="http://www.baidu.com"><img src="images/000.gif"><span>人在旅途</span></a></li>
        <li><a href="http://www.baidu.com"><img src="images/000.gif"><span>跳蚤市场</span></a></li>
        <li><a href="http://www.baidu.com"><img src="images/000.gif"><span>微大杂烩</span></a></li>
        <li><a href="http://www.baidu.com"><img src="images/000.gif"><span>微原创区</span></a></li>
        <div class="clears"></div>
    </ul>
</div>
<section class="list">
	<ul>
		<li>
        	<a href="content-page.html">
				<div class="list-left">
                	<img src="images/rem-left-img.gif" alt="">
                </div>
				<div class="list-right">
                    <h1>《愤怒的小鸟2》评测：万里长城毁于内购</h1>
                    <p><b class="icon-time"></b>2015-0812</p>
                    <strong><img src="images/right-icon1.gif" alt=""></strong><span>网易游戏</span>
                    <strong><img src="images/right-icon2.gif" alt=""></strong><span>680</span>
                </div>
				<div class="clears"></div>
            </a>
        </li>
		<li>
        	<a href="#">
				<div class="list-left">
                	<img src="images/rem-left-img.gif" alt="">
                </div>
				<div class="list-right">
                    <h1>《愤怒的小鸟2》评测：万里长城毁于内购</h1>
                    <p><b class="icon-time"></b>2015-0812</p>
                    <strong><img src="images/right-icon1.gif" alt=""></strong><span>网易游戏</span>
                    <strong><img src="images/right-icon2.gif" alt=""></strong><span>680</span>
                </div>
				<div class="clears"></div>
            </a>
        </li>
		<li>
        	<a href="#">
				<div class="list-left">
                	<img src="images/rem-left-img.gif" alt="">
                </div>
				<div class="list-right">
                    <h1>《愤怒的小鸟2》评测：万里长城毁于内购</h1>
                    <p><b class="icon-time"></b>2015-0812</p>
                    <strong><img src="images/right-icon1.gif" alt=""></strong><span>网易游戏</span>
                    <strong><img src="images/right-icon2.gif" alt=""></strong><span>680</span>
                </div>
				<div class="clears"></div>
            </a>
        </li>
		<li>
        	<a href="#">
				<div class="list-left">
                	<img src="images/rem-left-img.gif" alt="">
                </div>
				<div class="list-right">
                    <h1>《愤怒的小鸟2》评测：万里长城毁于内购</h1>
                    <p><b class="icon-time"></b>2015-0812</p>
                    <strong><img src="images/right-icon1.gif" alt=""></strong><span>网易游戏</span>
                    <strong><img src="images/right-icon2.gif" alt=""></strong><span>680</span>
                </div>
				<div class="clears"></div>
            </a>
        </li>
		<li>
        	<a href="#">
				<div class="list-left">
                	<img src="images/rem-left-img.gif" alt="">
                </div>
				<div class="list-right">
                    <h1>《愤怒的小鸟2》评测：万里长城毁于内购</h1>
                    <p><b class="icon-time"></b>2015-0812</p>
                    <strong><img src="images/right-icon1.gif" alt=""></strong><span>网易游戏</span>
                    <strong><img src="images/right-icon2.gif" alt=""></strong><span>680</span>
                </div>
				<div class="clears"></div>
            </a>
        </li>
	</ul>
</section>
<div class="hh"></div>
<nav>
	<ul>
		<li>
        	<a href="inedx.html" class="n1">
				<p class="current"></p>
				<span class="current">首页</span>
			</a>
        </li>
		<li>
        	<a href="The-questionnaire.html" class="n2">
				<p></p>
				<span>问卷</span>
			</a>
        </li>
		<li>
        	<a href="Post.html" class="n3">
				<p></p>
				<span>发布</span>
			</a>
        </li>
		<li>
        	<a href="mine.html" class="n4">
				<p></p>
				<span>我的</span>
			</a>
        </li>
	</ul>
</nav>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
<script type="text/javascript" src="jquery/jquerypp.custom.js"></script>
<script type="text/javascript" src="jquery/jquery.elastislide.js"></script>
<script type="text/javascript">
	$( '#carousel' ).elastislide();
</script>
<script>
var slider = Swipe(document.getElementById('scroll_img'), {
	auto: 2000,
	continuous: true,
	callback: function(pos) {
		var i = bullets.length;
		while (i--) {
			bullets[i].className = ' ';
		}
		bullets[pos].className = 'on';
	}
});
var bullets = document.getElementById('scroll_position').getElementsByTagName('li');
$(function(){
	$('.scroll_position_bg').css({
		width:$('#scroll_position').width()
	});
});
</script>
</body>
</html>
